﻿<div class="container">
    <fieldset class="form-search-posts">
        <legend class="form-search-posts-heading">Search posts</legend>
        <div class="alert alert-warning alert-box" style="display: none;">
            <strong>Warning!</strong> <span class="alert-content"></span>
        </div>

        <input data-bind="value: keyword" type="text" class="form-control" placeholder="Keyword" />
        <button data-bind="click: search" class="btn btnlg btn-primary btn-block btn-submit">Search</button>
        <div></div>
    </fieldset>
    <div></div>
</div>

<script type="text/x-kendo-template" id="post-template">
    <tr>
        <td>
            <a data-bind="text: title" href="#= '\#/posts/' + id #"></a>
        </td>
        <td data-bind="text: postedBy"></td>
        <td data-bind="text: postDate"></td>
        <td>                
            <a href="#= '\#/posts/' + id #">
                <span class="glyphicon glyphicon-zoom-in"></span>
            </a>
            <a href="#= '\#/posts/' + id + '/comment' #">
                <span class="glyphicon glyphicon-comment"></span>
            </a>
        </td>
    </tr>
</script>